<template>
	<view class="content">
		<view class="header">
			<image :src="logoImage"></image>
		</view>
		<view class="u-page">
			<u-list @scrolltolower="scrolltolower">
				<u-list-item v-for="(item, index) in indexList" :key="index" @click.native="getInto(item)">
					<view class="program">
						<label>{{item.text}}</label>
					</view>
				</u-list-item>
			</u-list>
			<u-list
		</view>
		<tabBar :currentPage="currentPage"></tabBar>
	</view>
</template>

<script>
	import tabBar from '../../components/page-tabBar.vue'
	export default {
		components: {
			tabBar
		},
		data() {
			return {
				logoImage: '/static/img/mptlogo.png',
				currentPage:"main",
				indexList: [
					{
						text:"设备管理系统",
						url:'/pages/main/index',
					},
					{
						text:"模具管理系统",
						url:"/pages/main/index",
					},
					{
						text:"IO PDA",
						url:"/pages/main/index",
					}
					
				],
			}
		},
		onLoad() {
			this.loadmore()
		},
		methods: {
			scrolltolower() {
				this.loadmore()
			},
			loadmore() {
				
			},
			getInto(data){
				uni.reLaunch({
					url: data.url,
				})
			}
		}
	}
</script>

<style>
	@import url("../login/css/main.css");
	.content .header uni-image {
		width: 98px;
		height: 62px;
	}
	.u-list-item.u-list-item-{
		height: 240rpx;
		margin: 10rpx 40rpx;
		border-radius: 15rpx;
		background: linear-gradient(45deg, rgb(84,201,241), rgb(46,129,237));
	}
	.program{
		font-size: 50rpx;
		font-weight: bold;
		color: #ffffff;
		margin-top: 60rpx;
		margin-right: 30rpx;
		margin-left: auto;
		text-align: right;
	}
</style>
